//错误提示
function showError(id,msg) {
	$("#"+id+"Ok").hide();
	$("#"+id+"Err").html("<i></i><p>"+msg+"</p>");
	$("#"+id+"Err").show();
	$("#"+id).addClass("input-red");
}
//错误隐藏
function hideError(id) {
	$("#"+id+"Err").hide();
	$("#"+id+"Err").html("");
	$("#"+id).removeClass("input-red");
}
//显示成功
function showSuccess(id) {
	$("#"+id+"Err").hide();
	$("#"+id+"Err").html("");
	$("#"+id+"Ok").show();
	$("#"+id).removeClass("input-red");
}


//打开注册协议弹层
function alertBox(maskid,bosid){
	$("#"+maskid).show();
	$("#"+bosid).show();
}
//关闭注册协议弹层
function closeBox(maskid,bosid){
	$("#"+maskid).hide();
	$("#"+bosid).hide();
}

//注册协议确认
$(function() {
	$("#agree").click(function(){
		var ischeck = document.getElementById("agree").checked;
		if (ischeck) {
			$("#btnRegist").attr("disabled", false);
			$("#btnRegist").removeClass("fail");
		} else {
			$("#btnRegist").attr("disabled","disabled");
			$("#btnRegist").addClass("fail");
		}
	});
	//验证手机号
	$("#phone").blur(function () {
		var phone =$.trim($("#phone").val());
		if(!phone){
			showError("phone","手机号不能为空")
		}else if(!/^1[1-9]\d{9}$/.test(phone)){
			showError("phone","手机号格式有误！")
		}else{
			$.ajax({
				url:"/dev/user/checkPhone",
				type:"get",
				data:"phone="+phone,
				success:function (data) {
					if(data.code ==  1){
						showSuccess("phone")
					}else{
						showError("phone",data.message)
					}
				},
				error:function () {//找不到 请求路径的时候
					showError("phone","系统繁忙！请稍后1")
				}
			});
		}
	});
	//验证登录密码
	$("#loginPassword").blur(function () {
		var loginPassword =$.trim($("#loginPassword").val());
		if(!loginPassword){
			showError("loginPassword","密码不能为空")
		}else if(!/^[0-9a-zA-Z]+$/.test(loginPassword)){
			showError("loginPassword","密码由数字和大小写字母组成")
		}else if(!/^(([a-zA-Z]+[0-9]+)|([0-9]+[a-zA-Z]+))[a-zA-Z0-9]*/.test(loginPassword)){
				showError("loginPassword","密码应同时包含英文和数字")
		}else{
			//使用md5给密码加密：效果：密码长度边长
			$("#loginPassword").val($.md5($("#loginPassword").val()));
			showSuccess("loginPassword")
		}
	});

	//点击 验证码 功能
	$("#messageCodeBtn").click(function () {
		$("#phone").blur();
		$("#loginPassword").blur();
		var errText = $("div[id$='Err']").text();//id以Err结束的div标签
		if(!errText){//如果没有值，则表明phone和loginPassword都没有错
			//因为我们需要将手机号传给后端，这样后端才能通过手机号发送信息：
			//如果手机和密码都没有错，则将手机号发送到后端
			$.ajax({
				url:"/dev/checkCode?phone="+$("#phone").val(),
				type:"get",
				success:function (data) {
					if(data.code == 1){
						alert(data.message)
					}else{
						showError("messageCodeBtn",data.message);
					}
				}
			});
			//手机和密码没有错误，点击获取验证码的功能才有效
			if(!$("#messageCodeBtn").hasClass("on")){
				$.leftTime(60,function (d) {//第一个参数是倒计时的时间
					//d.status,值为true|false;用于判断倒计时是否结束
					if(d.status){//为true时，表示倒计时正在进行
						$("#messageCodeBtn").addClass("on");
						//d.s表示倒计时的时间
						$("#messageCodeBtn").html(d.s=='00'?'60秒后重新获取':d.s+'秒后重新获取')
					}else{//不运行后
						$("#messageCodeBtn").removeClass("on");
						$("#messageCodeBtn").html("重新获取验证码")
					}
				})
			}
		}
	});


	//点击 注册 按钮 功能
	$("#btnRegist").click(function () {
		$("#phone").blur();
		$("#loginPassword").blur();
		//对验证码输入框进行非空验证
		var messageCode = $.trim($("#messageCode").val());
		if(!messageCode){
			showError("messageCode","请输入正确的验证码！")
		}else {
			showSuccess("messageCode")
		}
		//对手机号和密码框进行非空验证：密码已在blur事件进行了MD5加密
		//也就是：如果手机号 和 密码框 不报错 ，那么就是空了
		 var textErr = $("div[id$='Err']").text();
		if(!textErr){//如果id以Err结束的div框没有值，那么就说明手机号和密码框有值
			//进行注册
			$.ajax({
				url:"/dev/registry/addUser",
				type:"post",
				data:{
					"phone":$("#phone").val(),
					"loginPassword":$("#loginPassword").val(),
					"codeMessage":$("#messageCode").val()
				},
				success:function (data) {
					if(data.code ==1){
						//注册成功后，同时也实现了登录功能：通过session存储账号来实现
						location ="/dev/realName";
					}else{
						showError("codeMessage",data.message)
					}
				},
				error:function () {
					showError("btnRegist","系统繁忙，请重试！")
				}

			});

		}




	});
});
